
/* use Gentium Plus - Regular in .woff format */
@font-face {
  font-family: GentiumPlusW;
  src: url(../fonts/GentiumPlus-Regular.woff2);
}
/* use Gentium Plus - Italic in .woff2 format */
@font-face {
  font-family: GentiumPlusW;
  font-style: italic;
  src: url(../fonts/GentiumPlus-Italic.woff2);
}
/* use Gentium Plus - Bold in .woff2 format */
@font-face {
	font-family: GentiumPlusW;
	font-weight: bold;
	src: url(../fonts/GentiumPlus-Bold.woff2);
}
/* use Gentium Plus - Bold Italic in .woff2 format */
@font-face {
	font-family: GentiumPlusW;
	font-weight: bold;
	font-style: italic;
	src: url(../fonts/GentiumPlus-BoldItalic.woff2);
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2");
}

:root {
  --base-blue: #003566;
  --dark-blue: #001D3D;
  --very-dark-blue: #000814;
  --light-blue: #0E63B3;
  --very-light-blue: #7AB5E6;
  --base-yellow: #FFC300;
  --dark-yellow: #E3930D;
  --light-yellow: #FFD60A;
}

html[data-theme="light"] {
  --sd-color-primary: var(--base-blue);
  --mfa-admonition-text-color: #cecece;
  --sd-color-dark: var(--base-blue);
  --sd-color-primary-text: #FFC300;
  --sd-color-primary-highlight: #FFC300;
  --pst-color-primary: var(--base-blue);
  --pst-color-warning: var(--light-yellow);
  --pst-color-info: var(--light-blue);
  --pst-color-admonition-default: var(--light-blue);

 --pst-color-link: var(--light-blue);
 --pst-color-link-hover: var(--dark-blue);

 --pst-color-active-navigation: var(--dark-blue);
 --pst-color-hover-navigation: var(--base-yellow);

 --pst-color-navbar-link: var(--base-blue);
 --pst-color-navbar-link-hover: var(--pst-color-hover-navigation);
 --pst-color-navbar-link-active: var(--pst-color-active-navigation);

 --pst-color-sidebar-link: var(--base-blue);
 --pst-color-sidebar-caption: var(--base-blue);
 --pst-color-sidebar-link-hover: var(--pst-color-hover-navigation);
 --pst-color-sidebar-link-active: var(--pst-color-active-navigation);

 --pst-color-toc-link: var(--base-blue);
 --pst-color-toc-link-hover: var(--pst-color-hover-navigation);
 --pst-color-toc-link-active: var(--pst-color-active-navigation);

  --md-code-fg-color: var(--base-blue);
  --md-graphviz-node-bg-color: var(--base-yellow);
  --md-graphviz-node-fg-color: var(--base-blue);
  --md-graphviz-edge-color: var(--base-blue);
}
/*******************************************************************************
* dark theme
*
* all the variables used for dark theme coloring
*/
html[data-theme="dark"] {
  --sd-color-primary: var(--base-blue);
  --sd-color-card-text: var(--base-yellow);
  --sd-color-dark: var(--base-blue);
  --sd-color-primary-text: var(--base-yellow);
  --sd-color-primary-highlight: var(--base-yellow);
  --pst-color-primary: var(--base-yellow);
  --pst-color-warning: var(--light-yellow);
  --pst-color-info: var(--light-blue);
--mfa-admonition-text-color: var(--pst-color-text-base);
    --pst-color-link: var(--very-light-blue);
    --pst-color-link-hover: var(--light-yellow);

    --pst-color-active-navigation: var(--base-yellow);
    --pst-color-hover-navigation: var(--very-light-blue);

    --pst-color-navbar-link: var(--light-blue);
    --pst-color-navbar-link-hover: var(--pst-color-hover-navigation);
    --pst-color-navbar-link-active: var(--pst-color-active-navigation);

    --pst-color-sidebar-link: var(--base-yellow);
    --pst-color-sidebar-caption: var(--base-yellow);
    --pst-color-sidebar-link-hover: var(--pst-color-hover-navigation);
    --pst-color-sidebar-link-active: var(--pst-color-active-navigation);

    --pst-color-toc-link: var(--base-yellow);
    --pst-color-toc-link-hover: var(--pst-color-hover-navigation);
    --pst-color-toc-link-active: var(--pst-color-active-navigation);

  --md-code-fg-color: var(--base-yellow);
  --md-graphviz-node-bg-color: var(--base-blue);
  --md-graphviz-node-fg-color: var(--base-yellow);
  --md-graphviz-edge-color: var(--base-yellow);
}

.container, .container-xl, .container-lg {
    max-width: 2400px !important;
}

.wy-nav-content {
    max-width: 1200px !important;
}
.wy-table-responsive table td {
    white-space: normal !important;
}
.wy-table-responsive {
    overflow: visible !important;
}
.wy-table-responsive table td,
.wy-table-responsive table th {
  white-space: normal;
}


a.external::after{
content: "\f35d";
font-size: 0.75em;
text-align: center;
vertical-align: middle;
padding-bottom: 0.45em;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}

/*******************************************************************************
* light theme
*
* all the variables used for light theme coloring
*/
html[data-theme="light"] {
  --base-blue: #003566;
  --dark-blue: #001D3D;
  --light-blue: #0E63B3;
  --base-yellow: #FFC300;
  --light-yellow: #FFD60A;
  --sd-color-primary: #003566;
  --sd-color-dark: #003566;
  --sd-color-primary-text: #FFC300;
  --sd-color-primary-highlight: #FFC300;
  --pst-color-primary: var(--base-blue);
  --pst-color-warning: var(--light-yellow);
  --pst-color-info: var(--light-blue);

    --pst-color-link: var(--light-blue);
    --pst-color-link-hover: var(--dark-blue);

    --pst-color-active-navigation: var(--dark-blue);
    --pst-color-hover-navigation: var(--base-yellow);

    --pst-color-navbar-link: var(--base-blue);
    --pst-color-navbar-link-hover: var(--pst-color-hover-navigation);
    --pst-color-navbar-link-active: var(--pst-color-active-navigation);

    --pst-color-sidebar-link: var(--base-blue);
    --pst-color-sidebar-caption: var(--base-blue);
    --pst-color-sidebar-link-hover: var(--pst-color-hover-navigation);
    --pst-color-sidebar-link-active: var(--pst-color-active-navigation);

    --pst-color-toc-link: var(--base-blue);
    --pst-color-toc-link-hover: var(--pst-color-hover-navigation);
    --pst-color-toc-link-active: var(--pst-color-active-navigation);
}
/*******************************************************************************
* light theme
*
* all the variables used for light theme coloring
*/
html[data-theme="dark"] {
  --base-blue: #003566;
  --dark-blue: #001D3D;
  --light-blue: #0E63B3;
  --very-light-blue: #7AB5E6;
  --base-yellow: #FFC300;
  --light-yellow: #FFD60A;
  --sd-color-primary: var(--base-blue);
  --sd-color-dark: var(--base-blue);
  --sd-color-primary-text: var(--base-yellow);
  --sd-color-primary-highlight: var(--base-blue);
  --pst-color-primary: var(--base-yellow);
  --pst-color-warning: var(--light-yellow);
  --pst-color-info: var(--light-blue);

    --pst-color-link: var(--very-light-blue);
    --pst-color-link-hover: var(--light-yellow);

    --pst-color-active-navigation: var(--base-yellow);
    --pst-color-hover-navigation: var(--very-light-blue);

    --pst-color-navbar-link: var(--light-blue);
    --pst-color-navbar-link-hover: var(--pst-color-hover-navigation);
    --pst-color-navbar-link-active: var(--pst-color-active-navigation);

    --pst-color-sidebar-link: var(--base-yellow);
    --pst-color-sidebar-caption: var(--base-yellow);
    --pst-color-sidebar-link-hover: var(--pst-color-hover-navigation);
    --pst-color-sidebar-link-active: var(--pst-color-active-navigation);

    --pst-color-toc-link: var(--base-yellow);
    --pst-color-toc-link-hover: var(--pst-color-hover-navigation);
    --pst-color-toc-link-active: var(--pst-color-active-navigation);
}

.sd-btn-primary{
font-weight: bold;
}

.sd-btn-primary:hover{
background-color: var(--light-blue) !important;
}
.i-navigation{
    color: var(--sd-color-primary);
    padding: 20px;
}
html[data-theme="dark"] .i-navigation{
    color: var(--sd-color-primary-text);
}

.navbar-light .navbar-nav li a.nav-link {
font-size: 1.15em;
}

.rst-table-cell{
width: 100%;
height: 100%;
display: inline-block;
text-align: center;

}
div[class*="highlight-"] {
  text-align: left;
}

.ipa-inline {
  font-family: "GentiumPlusW";
  font-size: 1.1em;
  font-weight: 500;
 }

.ipa-highlight, .ipa-inline {
color: var(--pst-color-inline-code);
}

.supported {
background-color: #E9F6EC;
}

.not-supported {
background-color: #FBEAEC;
}
#navbar-icon-links i.fa-github-square::before, i.fa-github-square::before {
    color: inherit;
}

html[data-theme="light"] dt:target {
background-color: var(--base-yellow);
}
html[data-theme="dark"] dt:target{
    background-color: var(--dark-blue);
}
